@import "compass/css3/border-radius";
@import "compass/css3/box-sizing";

body {
	background: silver;
	padding:10px;
	font-family: arial;
}

#header {
	padding:20px;
	background-color:#3498db;
	@include border-top-left-radius(4px);
	@include border-top-right-radius(4px);
}

#main-nav {
	
	ul {
		
		
		
		li {
			
			float:left;
			padding-right:5px;

			a {
				background-color:#9b59b6;
				@include border-radius(4px, 4px);
				color:#ffffff;
				text-decoration:none;
				padding:10px;

			}

		}

	}

}

#content {
	background: #fff;
	padding: 20px;

	#textdata {
		width:100%;
	}
}

#footer {
	@include border-bottom-left-radius(4px);
	@include border-bottom-right-radius(4px);
	background-color:#e74c3c;
	padding: 20px;
}

.comment_container {
	background-color:#7f8c8d;
	@include box-sizing(border-box);
	@include border-radius(5px);
	padding: 5px;
	margin-bottom:5px;
	color:#ffffff;

	button.delete {
		@include border-radius(2px, 2px);
		border:none;
		background:none;
		color:#fff;
		cursor:pointer;

	}

}

#submit, #login {
	background-color:#2ecc71;
	border:none;
	color:#fff;
	padding:5px;
	@include border-radius(5px);
}
